<template>
	<view>
		<view class="ok-box">
			<u--image :showLoading="true" :src="oss + '/christmasr/ok1.png'" width="235" mode="widthFix"></u--image>
			<view class="m-btn-g2 zaitou" @click="nextNav('back')">再投一票</view>
			<view class="u-m-t-40 u-m-b-20">奖品介绍</view>
			<view class="ok-info"><u-parse :content="huodong.jiangpin"></u-parse></view>
			<view class="ok-info">*最终解释权归内当家所有</view>
			<u-gap></u-gap>
			<u--image @click="nextNav('/pages/handhousing/handhousing')" :showLoading="true" :src="oss + '/christmasr/ok2.png'" width="325" mode="widthFix"></u--image>
			<u-gap height="10"></u-gap>
			<u--image @click="nextNav('/pages/room/rebate')" :showLoading="true" :src="oss + '/christmasr/ok3.png'" width="325" mode="widthFix"></u--image>
			<u-gap height="10"></u-gap>
			<u--image @click="nextNav('/pages/tabbar/recommend')" :showLoading="true" :src="oss + '/christmasr/ok4.png'" width="325" mode="widthFix"></u--image>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			huodong: {},
			id: null
		};
	},
	async onLoad(e) {
		if (e && e.id) {
			this.id = e.id;
			let huodong = await this.require('toupiao', { id: e.id });
			if (huodong) {
				this.huodong = huodong;
			}
		}
	}
};
</script>

<style lang="scss">
.ok-box {
	margin: 20rpx;
	padding: 80rpx 30rpx 30rpx;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.zaitou {
	width: 300rpx;
	height: 60rpx;
	line-height: 60rpx;
	margin-top: 60rpx;
}
.ok-info {
	color: #a0a0a0;
	font-size: 20rpx;
	text-align: center;
	line-height: 40rpx;
}
</style>
